<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"   
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">

<h:head>

<title>Bienvenue sur Progestion</title>
</h:head>
<body style="background-color:grey;">
<img src="Ressources/progestion_banniere.png" width="40%" style="display:block;margin-left:auto;margin-right:auto;" alt="Progestion"/>
<div style="border:1px solid black;text-align:center;width:30%;height:30%;display:block;margin-left:auto;margin-right:auto;margin-top:100px;">
<h:form id="login">
	<h1>Veuillez vous identifier</h1>
	<h:panelGrid columns="3">
		<h:outputLabel value="Identifiant" for="loginInput" />
		<p:inputText id="loginInput" value="#{personneBean.loginPersonne}" maxlength="255" required="true"/>
		<p:message for="loginInput" />  
		<h:outputLabel value="Mot de passe" for="passwordInput" />
		<p:password feedback="false" id="passwordInput" value="#{personneBean.passwordPersonne}" maxlength="255" required="true"/>
		<p:message for="passwordInput" />
	</h:panelGrid> 
	<p:commandButton ajax="false" id="ValidationButton" value="S'identifier" action="#{personneBean.doLogin}"/>
</h:form>
 </div>

</body>
</html>